@font-face {
	font-family: 'SHSC_bold';
	/*粗*/
	src: url("../font/SourceHanSansCN-Bold.otf");
}

@font-face {
	font-family: 'SHSC_ExtraLight';
	/*更细*/
	src: url("../font/SourceHanSansCN-ExtraLight.otf");
}

@font-face {
	font-family: 'SHSC_Heavy';
	/*更粗*/
	src: url("../font/SourceHanSansCN-Heavy.otf");
}

@font-face {
	font-family: 'SHSC_Light';
	/*细*/
	src: url("../font/SourceHanSansCN-Light.otf");
}

@font-face {
	font-family: 'SHSC_Medium';
	/*小小粗*/
	src: url("../font/SourceHanSansCN-Medium.otf");
}

@font-face {
	font-family: 'SHSC_Normal';
	/*小小细*/
	src: url("../font/SourceHanSansCN-Normal.otf");
}

@font-face {
	font-family: 'SHSC_Regular';
	/*常规*/
	src: url("../font/SourceHanSansCN-Regular.otf");
}

#navigation a,
	#navigation a:visited,
	#navigation a:hover{
		text-decoration:none;
		color:inherit;
	}
/*********************************************************/

@media only screen and (max-width:991px) {
	* {
		font-family: 'SHSC_Regular';
		margin: 0;
		padding: 0;
	}
	#main_2,
	#main_1 {
		background: rgb(250, 250, 250);
	}
	/*logo所在的头部*/
	#head {
		background: rgb(25, 25, 25);
		height: 100px;
		position: relative;
	}
	/*logo*/
	#logo {
		position: absolute;
		top: 10%;
		left: 3%;
		width:80%;
	}
	/*标语*/
	#theme {
		position: absolute;
		bottom:5%;
		right: 3%;
		text-align: right;
	}
	#theme>span {
		color: #FFF;
		letter-spacing: 2px;
		font-weight: 300;
		font-size: 12px;
		display: block;
	}
	/*导航*/
	#navigation {
		height: 40px;
		position: relative;
		/*防止被轮播图挡住*/
		z-index: 100;
	}
	
	/*导航定位*/
	#navigation-postion {
		position: absolute;
		width:100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	/*导航子项目*/
	#navigation-postion>span {
		color: rgb(102, 102, 102);
		padding: 3px 1px 3px 1px;
		font-family: "微软雅黑";
		display: inline-block;
		font-size: 10px;
		transition: .2s ease;
		cursor: pointer;
		position: relative;
	}
	/*鼠标经过子项目*/
	#navigation-postion>span:hover {
		color: #341D55;
		font-weight: 600;
		transform: scale(1.1, 1.1);
	}
	/*导航下边的线*/
	.slideline {
		position: absolute;
		bottom: 0;
		left: 0;
		height: 2px;
		background: #341D55;
		z-index: 10;
		transition: 0.2s ease;
	}
	/*下拉列表的初始样式*/
	#navigation-postion>span>div {
		display: none;
		position: absolute;
		background: #fff;
		font-weight: 200;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		min-width: 100%;
		transition: 2s ease;
	}
	/*下拉列表每个项目的样式*/
	#navigation-postion>span>div>span {
		text-align: center;
		display: block;
		font-family: 'SHSC_Normal';
		font-size: 10px;
		color: #000;
		padding: 5px 5px;
		cursor: pointer;
		white-space: nowrap;
		transition: .2s ease;
	}
	/*鼠标经过导航子项目时 , 下拉列表的样式*/
	#navigation-postion>span:hover>div {
		display: block;
		/*transform: scale(1.1, 1.1);*/
	}
	/*鼠标经过下拉列表子项目时的样式*/
	#navigation-postion>span>div>span:hover {
		background: #341D55;
		color: #fff;
	}
	/*甲方要炫酷的效果*/
	#c_n2 {
		display: none;
	}
	/*轮播外框*/
	#giantscreen {
		position: relative;
		height: 200px;
	}
	/*轮播图片大小*/
	#giantscreen img {
		width: 100%;
		height: 200px;
	}
	/*轮播图的控件*/
	.carousel-control,
	.carousel-indicators {
		z-index: 99;
	}
	/*轮播图里面的文字*/
	#giantscreen h1 {
		font-family: 'SHSC_Medium';
		font-size: 20px;
	}
	#giantscreen p {
		font-family: 'SHSC_Medium';
		display: block;
		margin-top: 5px;
		font-size: 10px;
	}
	/*将文字定位*/
	.carousel-caption {
		position: absolute !important;
		top: 5%;
	}
	/*页脚*/
	#foot {
		background: url(../img/170ba681db1e6999f8c9f0f7d95787ea@3x.png);
		color: #fff;
		height: 318px;
		position: relative;
	}
	/*页脚定位*/
	#foot-postion {
		position: absolute;
		width:98%;
		left: 2%;
		height:100%;
	}
	/*选择菜单部分*/
	#footselect {
		width:100%;
		height: 172px;
	}
	#footselect>div {
		float: left;
		width: 25%;
	}
	#footselect span {
		font-family: "微软雅黑";
		padding-top: 10px;
		padding-bottom: 10px;
		display: block;
		width: 70%;
		font-size: 11px;
		border-bottom: 2px solid #fff;
	}
	#footselect p {
		display: block;
		margin-top: 6px;
		font-size: 11px;
		cursor: pointer;
	}
	/*logo二维码部分*/
	#footcontact {
		position: absolute;
		right:5%;
		bottom:10%;
		width:100%;
		height: 100px;
	}
	#footimg {
		position: absolute;
		text-align: center;
		width: 60%;
		top: 50%;
		transform: translateY(-50%);
	}
	#footimg>img {
		width: 20%;
	}
	#footimg>span {
		margin-top: 5px;
		font-family: "楷体";
		font-size: 14px;
		letter-spacing: 2px;
		display: block;
	}
	#footbincode {
		position: absolute;
		text-align: center;
		width: 18%;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	#footbincode>img{
		width: 100%;
	}
	/*版权部份*/
	#foot>span {
		width: 100%;
		text-align: center;
		display: block;
		position: absolute;
		font-size: 11px;
		bottom:0px;
	}
	/*框架内容部分*/
	#content {
		height: 100%;
		width: 100%
	}
}


/*中等屏幕 桌面显示器*/

@media (min-width: 992px) {
	* {
		font-family: 'SHSC_Regular';
		margin: 0;
		padding: 0;
	}
	#main_2,
	#main_1 {
		background: rgb(250, 250, 250);
	}
	/*logo所在的头部*/
	#head {
		background: rgb(25, 25, 25);
		height: 150px;
		position: relative;
	}
	/*logo*/
	#logo {
		position: absolute;
		top: 50%;
		left: 19%;
		transform: translateY(-50%);
	}
	/*标语*/
	#theme {
		position: absolute;
		top: 50%;
		right: 19%;
		text-align: right;
		transform: translateY(-50%);
	}
	#theme>span {
		color: #FFF;
		letter-spacing: 2px;
		font-weight: 600;
		font-size: 13px;
		display: block;
	}
	/*导航*/
	#navigation {
		height: 80px;
		position: relative;
		/*防止被轮播图挡住*/
		z-index: 100;
	}
	/*导航定位*/
	#navigation-postion {
		position: absolute;
		width: 62%;
		left: 19%;
		top: 50%;
		transform: translateY(-50%);
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	/*导航子项目*/
	#navigation-postion>span {
		color: rgb(102, 102, 102);
		padding: 10px 1px 10px 1px;
		font-family: "微软雅黑";
		display: inline-block;
		font-size: 20px;
		transition: .2s ease;
		cursor: pointer;
		position: relative;
	}
	/*鼠标经过子项目*/
	#navigation-postion>span:hover {
		color: #341D55;
		font-weight: 600;
		transform: scale(1.1, 1.1);
	}
	/*导航下边的线*/
	.slideline {
		position: absolute;
		bottom: 0;
		left: 0;
		height: 3px;
		background: #341D55;
		z-index: 10;
		transition: 0.2s ease;
	}
	/*下拉列表的初始样式*/
	#navigation-postion>span>div {
		display: none;
		position: absolute;
		background: #fff;
		font-weight: 200;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		min-width: 100%;
		transition: 2s ease;
	}
	/*下拉列表每个项目的样式*/
	#navigation-postion>span>div>span {
		text-align: center;
		display: block;
		font-family: 'SHSC_Normal';
		font-size: 16px;
		;
		color: #000;
		padding: 5px 5px;
		cursor: pointer;
		white-space: nowrap;
		transition: .2s ease;
	}
	/*鼠标经过导航子项目时 , 下拉列表的样式*/
	#navigation-postion>span:hover>div {
		display: block;
		/*transform: scale(1.1, 1.1);*/
	}
	/*鼠标经过下拉列表子项目时的样式*/
	#navigation-postion>span>div>span:hover {
		background: #341D55;
		color: #fff;
	}
	/*甲方要炫酷的效果*/
	#c_n2 {
		height: 600px;
		width: 100%;
	}
	/*轮播外框*/
	#giantscreen {
		position: relative;
		height: 600px;
	}
	/*轮播图片大小*/
	#giantscreen img {
		width: 100%;
		height: 600px;
	}
	/*轮播图的控件*/
	.carousel-control,
	.carousel-indicators {
		z-index: 99;
	}
	/*轮播图里面的文字*/
	#giantscreen h1 {
		font-family: 'SHSC_Medium';
		font-size: 40px;
	}
	#giantscreen p {
		font-family: 'SHSC_Medium';
		display: block;
		margin-top: 80px;
		font-size: 30px;
	}
	/*将文字定位*/
	.carousel-caption {
		position: absolute !important;
		top: 25%;
	}
	/*页脚*/
	#foot {
		background: url(../img/170ba681db1e6999f8c9f0f7d95787ea@3x.png);
		color: #fff;
		height: 420px;
		position: relative;
	}
	/*页脚定位*/
	#foot-postion {
		position: absolute;
		width: 62%;
		left: 19%;
		height: 420px;
	}
	/*选择菜单部分*/
	#footselect {
		width: 60%;
		height: 350px;
	}
	#footselect>div {
		float: left;
		width: 25%;
	}
	#footselect span {
		font-family: "微软雅黑";
		padding-top: 60px;
		padding-bottom: 15px;
		display: block;
		width: 70%;
		font-size: 18px;
		border-bottom: 2px solid #fff;
	}
	#footselect p {
		display: block;
		margin-top: 6px;
		font-size: 15px;
		cursor: pointer;
	}
	/*logo二维码部分*/
	#footcontact {
		position: absolute;
		right: 0;
		top: 0;
		width: 40%;
		height: 350px;
	}
	#footimg {
		position: absolute;
		text-align: center;
		width: 60%;
		top: 50%;
		transform: translateY(-50%);
	}
	#footimg>img {
		width: 50%;
	}
	#footimg>span {
		margin-top: 5px;
		font-family: "楷体";
		font-size: 21px;
		letter-spacing: 2px;
		display: block;
	}
	#footbincode {
		position: absolute;
		text-align: center;
		width: 40%;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	/*版权部份*/
	#foot>span {
		width: 100%;
		text-align: center;
		display: block;
		position: absolute;
		font-size: 14px;
		bottom: 20px;
	}
	/*框架内容部分*/
	#content {
		height: 100%;
		width: 100%
	}
}

	
@media(min-width: 991px) and (max-width:1551px) {
	#navigation-postion {
		width: 70%;
		left: 15%;
	}
	#logo {
		left: 15%;
	}
	#theme {
		right: 15%;
	}
	#foot-postion {
		width: 70%;
		left: 15%;
	}
}

@media (min-width: 991px) and(max-width:1374px) {
	#navigation-postion {
		width: 76%;
		left: 12%;
	}
	#logo {
		left: 12%;
	}
	#theme {
		right: 12%;
	}
	#foot-postion {
		width: 76%;
		left: 12%;
	}
}